<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>中心开班信息</title>
		<style>
			* {
				padding: 0px;
				margin: 0px;
			}
			
			.d {
				width: 250px;
				background: linear-gradient(to bottom, #5ec2f9, #ffffff 30%);
				border: 1px grey solid;
				margin: 0 auto;
			}
			
			.d h2:nth-of-type(1) {
				font-size: 20px;
				font-weight: 400;
				color: white;
			}
			
			.d ul li {
				background-image: url(img/dotBg.gif);
				background-position-y: -3px;
				background-repeat: no-repeat;
				list-style-type: none;
				padding-left: 20px;
				height: 30px;
				line-height: 30px;
				font-size: 18px;
			}
		</style>
	</head>

	<body>
		<div class="d">
			<h2><img src="img/bg.gif" style="vertical-align: middle;"/>中心开班信息</h2>
			<ul>
				<li>8月12日：学历+技能班</li>
				<li>8月16日：高考特招班</li>
				<li>8月23日：Java精英班</li>
				<li>8月31日：学士后强化班</li>
				<li>9月5日：大学生就业班</li>
				<li>9月9日：企业定向委培班</li>
				<li>9月16日：网络营销强化班</li>
			</ul>
		</div>
	</body>

</html>